

$(function(){
    //获取后台数据,渲染页面
    function fn(){
        $.ajax({
        url:'http://localhost:8080/api/v1/admin/category/list',
        headers:{
            Authorization :localStorage.getItem('token')
        },
        success(res){
            // console.log(res)
            if(res.code==200){
                $('tbody').html(template('list',res))
            }
        }
    })
    }
    fn()

    
    //新增类别数据
    $('#myModal .btn_opt').on('click',function(){
        let name=$('.form-control').eq(0).val().trim()
        let slug=$('.form-control').eq(1).val().trim()
        // console.log(name,slug)
        if(name.length==0||slug.length==0){
            alert('数据不能为空')
            return 
        }
        $.ajax({
            url:'http://localhost:8080/api/v1/admin/category/add',
            type:'post',
            data:{name,slug},
            headers:{
                Authorization :localStorage.getItem('token')
            },
            success:function(res){
                // console.log(res)
                fn()
                $('.form-control').eq(0).val('')
                $('.form-control').eq(1).val('')
                $('#myModal').modal('hide')
            }
        })
    })

    //编辑内容
    $('tbody').on('click','.btn-info',function(){
        let id=$(this).data('id')
            // console.log(id)
        // console.log(1)
        $('#editModal').modal('show')
        // console.log($(this).parent().prev().prev().text().trim())
        // console.log($(this).parent().prev().text().trim())
        // console.log($(this).text())
        $('#editModal .form-control').eq(0).val($(this).parent().prev().prev().text().trim())
        $('#editModal .form-control').eq(1).val($(this).parent().prev().text().trim())
        $('#editModal .btn_opt').on('click',function(){
            let name = $('#editModal .form-control').eq(0).val()
            let slug = $('#editModal .form-control').eq(1).val()
            $.ajax({
                url:'http://localhost:8080/api/v1/admin/category/edit',
                type :'post',
                headers:{
                    Authorization :localStorage.getItem('token')
                },
                data:{id ,name ,slug},
                success(res){
                    // console.log(res)
                    alert(res.msg)
                    fn()
                    $('#editModal').modal('hide')
                }
            })
        })
        
    })

    //删除
    $('tbody').on('click','.btn-danger',function(){
        // console.log(1)
        let id=$(this).data('id')
        // console.log(id)
        layer.confirm('是否删除？', function(index){
            $.ajax({
            url:'http://localhost:8080/api/v1/admin/category/delete',
            type:'post',
            headers:{
                Authorization :localStorage.getItem('token')
            },
            data:{id},
            success(res){
                fn()
                layer.msg(res.msg,{time:2000}, function(){
                    //do something
                }); 
            }
        })
            layer.close(index);
        });  
        
    })
})